<!-- 模块说明 -->
<template>
    <div class="list-item">
        <img :src="data.img1" alt="">
        <p>￥{{ data.originprice }}</p>
</div>
</template>

<script setup lang="ts">
import { ref, onMounted, defineProps } from 'vue'
interface IData {
    img1: string;
    discount?: string;
    originprice: string;
    [proName: string]: any
}
const { data } = defineProps<{ data: IData }>()
</script>
<style lang="scss" scoped>
.list-item {
    text-align: center;
    p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 10px 0;
        color: red;
        font-weight: bold;
    }

    img {
        width: 40%;
        margin: 0 auto;
        display: block;
    }
}
</style>
